// JavaScript Document
/* PROJECT : Web Cliente Plus
*	@require MyClass.js
*			 MenuSection.js
*			 MyAjax.js
*	         MyBoundingHandler.js
*	@autor: Mauricio Sanchez
*	@create: 02-12-2009
*
*	Dados un punto de evento (que puede ser fijo o movil) y un punto de movil asignado, esta clase va graficando y actualizando las posiciones de los dos
*	puntos en cuestion, permitiendo calcular mediante Gmap Pedometer la mejor ruta entre los dos puntos.
*
*/
//HEREDA DE 'MenuSection'
MenuMessage = new MyClass({
	CLASS_NAME: "MenuMessage",
	VERSION_NUMBER: "v 1.0.0",			
	 
	 /**  
     * Propertyes: Definicion de properties de configuracion general.
     */	 
	 	 
	 /**  
     * Propertyes: flags y variables generales
     */	 	 	 
	 _miniMenu: null, //{MiniMenu}	 
	 _infoMessageDiv: null, //{DOMELEMENT} Div contenedor de la informacion del mensage.
	 _goBackMenuId: null, //{STRING}
	 _titulo: null, //{DOMELEMENT} - Legend 
	 _msgFieldset: null, //{DOMELEMENT} - Fieldset 
	 /** 
     * Method: init
     */
	 init: function(opciones){
	 	this.parent(opciones);	
		this.name = "menuMessage";		
		this.title = "Alerta!";
		//create MiniMenu.
		this._container.className = 'MiniMenu';
		var me = this;
		this._miniMenu = new MiniMenu({
									  	name: 'MiniMenu_'+this.name,
										container: this._container
									  });		
		this._miniMenu.addButton({ classButton: 'back',
								   onClickFunction: function(){
									   							if (me._goBackMenuId!=null){
																	me.sectionContent.viewSection(me._goBackMenuId);
																}
									   				},
					   			   info: 'Volver a la seccion anterior'
					 			});	
		this._createInfoMensaje();
	 },
	  
	 _createInfoMensaje:function(){
		 this._msgFieldset = document.createElement('fieldset');
		 this._msgFieldset.className = 'msgFieldset';
		 this._titulo = document.createElement('legend');
		 this._titulo.innerHTML = "Mensaje";
		 this._msgFieldset.appendChild(this._titulo);		 
		 this._infoMessageDiv = document.createElement('div');
		 this._infoMessageDiv.className = 'infoDiv';	
		 this._infoMessageDiv.innerHTML = "";
		 this._msgFieldset.appendChild(this._infoMessageDiv);
		 this._miniMenu.append(this._msgFieldset);
	 },
	  
	 /** 
     * Method: setErrorMessage
     * 	 Setea y formatea un mensaje de error.
	 * Parameters:
	 *	 message {String||HTML} : Mensaje a mostrar en el menu.
	 *   [menuId] {String} : Nombre (Id) del menu al que se quiere volver desde el menu de mensaje.
     */
	 setErrorMessage: function(message, menuId){
		 this._goBackMenuId = menuId;
		 if ((menuId=='undefined')||(menuId=='')||(menuId==null)){
			 this._goBackMenuId = null;
		 }
		 this._msgFieldset.className = 'msgErrorFieldset';
		 this._titulo.innerHTML = 'ERROR';
		 this._infoMessageDiv.innerHTML = message;
	 },
	 
	 /** 
     * Method: setMessage
     * 	 Setea y formatea un mensaje de aviso comun.
	 * Parameters:
	 *	 message {String||HTML} : Mensaje a mostrar en el menu.
	 *   [menuId] {String} : Nombre (Id) del menu al que se quiere volver desde el menu de mensaje.
     */
	 setMessage: function(message, menuId){
		 this._goBackMenuId = menuId;
		 if ((menuId=='undefined')||(menuId=='')||(menuId==null)){
			 this._goBackMenuId = null;
		 }
		 this._msgFieldset.className = 'msgFieldset';
		 this._titulo.innerHTML = 'Mensaje';
		 this._infoMessageDiv.innerHTML = message;		 
	 }
			
}, MenuSection);